﻿<!DOCTYPE html>
<!-- saved from url=(0023)http://demo.topjui.com/ -->
<html class="panel-fit">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="easyui,jui,jquery easyui,easyui demo,easyui中文">
    <meta name="description" content="TopJUI前端框架，基于最新版EasyUI前端框架构建，纯HTML调用功能组件，不用写JS代码的EasyUI，专注你的后端业务开发！">
    <title>TopJUI前端框架 - 不用写JS代码的EasyUI</title>
    <!-- 浏览器标签图片 -->
    <link rel="shortcut icon" href="http://demo.topjui.com/topjui/images/favicon.ico">
    <!-- TopJUI框架样式 -->
    <link type="text/css" href="./static_files/stylesheet/topjui.core.min.css" rel="stylesheet">
    <link type="text/css" href="./static_files/stylesheet/topjui.blue.css" rel="stylesheet" id="dynamicTheme">
    <!-- FontAwesome字体图标 -->
    <link type="text/css" href="./static_files/stylesheet/font-awesome.min.css" rel="stylesheet">
    <!-- jQuery相关引用 -->
    <script src="./static_files/JavaScript/hm.js"></script>
    <script type="text/javascript" src="./static_files/JavaScript/jquery.js"></script>
    <script type="text/javascript" src="./static_files/JavaScript/jquery.cookie.js"></script>
    <!-- TopJUI框架配置 -->
    <script type="text/javascript" src="./static_files/JavaScript/topjui.config.js"></script>
    <!-- TopJUI框架核心 -->
    <script type="text/javascript" src="./static_files/JavaScript/topjui.core.min.js"></script>
    <!-- TopJUI中文支持 -->
    <script type="text/javascript" src="./static_files/JavaScript/topjui.lang.zh_CN.js"></script>
    <!-- 首页js -->
    <script type="text/javascript" src="./static_files/JavaScript/topjui.index.js" charset="utf-8"></script>
</head>
<body class="panel-noscroll">
    <div id="loading" class="loading-wrap" style="display: none;">
        <div class="loading-content">
            <div class="loading-round"></div>
            <div class="loading-dot"></div>
        </div>
    </div>

    <div data-toggle="topjui-layout" data-options="id:&#39;index_layout&#39;,fit:true" id="index_layout" class="layout easyui-fluid" style="width: 1920px; height: 897px;">
        <div class="panel layout-panel layout-panel-north panel-htop" style="width: 1920px; left: 0px; top: 0px;">
            <div id="north" class="banner panel-body panel-body-noheader panel-body-noborder layout-body" data-options="region:&#39;north&#39;,border:false,split:false" style="padding: 0px; margin: 0px; overflow: hidden; width: 1920px; height: 50px;" title="">
                <table style="float:left;border-spacing:0px;">
                    <tbody>
                        <tr>
                            <td class="webname">
                                <span class="fa fa-envira" style="font-size:26px; padding-right:8px;"></span>TopJUI前端框架
                            </td>
                            <td class="collapseMenu" style="text-align: center;cursor: pointer;">
                                <span class="fa fa-chevron-circle-left" style="font-size: 18px;"></span>
                            </td>
                            <td>
                                <table id="topmenucontent" cellpadding="0" cellspacing="0">
                                    <tbody>
                                        <tr>
                                            <td id="1325" title="TopJUI静态演示" class="topmenu systemName selected">
                                                <a class="l-btn-text bannerMenu" href="javascript:void(0)">
                                                    <p>
                                                        <lable class="fa fa-tree"></lable>
                                                    </p>
                                                    <p><span style="white-space:nowrap;">TopJUI静态演示</span></p>
                                                </a>
                                            </td>
                                            <td id="60" title="TopJUI开发文档" class="topmenu systemName">
                                                <a class="l-btn-text bannerMenu" href="javascript:void(0)">
                                                    <p>
                                                        <lable class="fa fa-book"></lable>
                                                    </p>
                                                    <p><span style="white-space:nowrap;">TopJUI开发文档</span></p>
                                                </a>
                                            </td>
                                            <td id="9000" title="TopJUI动态演示" class="topmenu systemName">
                                                <a class="l-btn-text bannerMenu" href="http://demo.ewsd.cn/system/login" target="_blank">
                                                    <p>
                                                        <lable class="fa fa-leaf"></lable>
                                                    </p>
                                                    <p><span style="white-space:nowrap;">TopJUI动态演示</span></p>
                                                </a>
                                            </td>
                                            <td id="9001" title="TopJUI官方网站" class="topmenu systemName">
                                                <a class="l-btn-text bannerMenu" href="https://www.topjui.com/" target="_blank">
                                                    <p>
                                                        <lable class="fa fa-home"></lable>
                                                    </p>
                                                    <p><span style="white-space:nowrap;">TopJUI官方网站</span></p>
                                                </a>
                                            </td>
                                            <td id="9002" title="TopJUI交流社区" class="topmenu systemName">
                                                <a class="l-btn-text bannerMenu" href="https://ask.topjui.com/" target="_blank">
                                                    <p>
                                                        <lable class="fa  fa-wechat"></lable>
                                                    </p>
                                                    <p><span style="white-space:nowrap;">TopJUI交流社区</span></p>
                                                </a>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!--<span style="float: right; padding-right: 10px; height: 50px; line-height: 50px;">
                <a href="javascript:void(0)" data-toggle="topjui-menubutton" data-options="iconCls:&#39;fa fa-user&#39;,hasDownArrow:false" style="color: rgb(255, 255, 255); height: 28px;" id="181978" class="l-btn l-btn-small l-btn-plain" group="">
                    <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                        <span class="l-btn-text">
                            TopJUI前端框架
                        </span>
                        <span class="l-btn-icon fa fa-user">
                            &nbsp;
                        </span>
                    </span>
                </a>
                |
                <a href="javascript:void(0)" id="mb3" data-toggle="topjui-menubutton" data-options="menu:&#39;#mm3&#39;,iconCls:&#39;fa fa-cog&#39;,hasDownArrow:true" style="color: rgb(255, 255, 255); height: 28px;" class="l-btn l-btn-small l-btn-plain m-btn m-btn-small" group="">
                    <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                        <span class="l-btn-text">
                            设置
                        </span>
                        <span class="l-btn-icon fa fa-cog">
                            &nbsp;
                        </span>
                        <span class="m-btn-downarrow">
                        </span>
                        <span class="m-btn-line">
                        </span>
                    </span>
                </a>
                |
                <a href="javascript:void(0)" id="mb2" data-toggle="topjui-menubutton" data-options="menu:'#mm2',iconCls:'fa fa-tree',hasDownArrow:true" style="color: rgb(255, 255, 255); height: 28px;" class="l-btn l-btn-small l-btn-plain m-btn m-btn-small"group="">
                    <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                        <span class="l-btn-text">
                            主题
                        </span>
                        <span class="l-btn-icon fa fa-tree">
                            &nbsp;
                        </span>
                        <span class="m-btn-downarrow">
                        </span>
                        <span class="m-btn-line">
                        </span>
                    </span>
                </a>-->
                <span style="float: right; padding-right: 10px; height: 50px; line-height: 50px;">
                    <a style="color: rgb(255, 255, 255); height: 28px;" class="l-btn l-btn-small l-btn-plain" group="">
                        <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                            <span class="l-btn-text">
                                TopJUI前端框架
                            </span>
                            <span class="l-btn-icon fa fa-user">
                                &nbsp;
                            </span>
                        </span>
                    </a>
                    |
                    <a id="setbtn" style="color: rgb(255, 255, 255); height: 28px;" class="l-btn l-btn-small l-btn-plain m-btn m-btn-small" group="">
                        <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                            <span class="l-btn-text">
                                设置
                            </span>
                            <span class="l-btn-icon fa fa-cog">
                                &nbsp;
                            </span>
                            <span class="m-btn-downarrow">
                            </span>
                            <span class="m-btn-line">
                            </span>
                        </span>
                    </a>
                    |
                    <a id="themesbtn" style="color: rgb(255, 255, 255); height: 28px;" class="l-btn l-btn-small l-btn-plain m-btn m-btn-small themesbtn" group="">
                        <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                            <span class="l-btn-text">
                                主题
                            </span>
                            <span class="l-btn-icon fa fa-tree">
                                &nbsp;
                            </span>
                            <span class="m-btn-downarrow">
                            </span>
                            <span class="m-btn-line">
                            </span>
                        </span>
                    </a>
                    <a href="javascript:void(0)" onclick="logout()" data-toggle="topjui-menubutton" data-options="iconCls:'fa fa-sign-out',hasDownArrow:false" style="color: rgb(255, 255, 255); height: 28px;" id="652604" class="l-btn l-btn-small l-btn-plain" group="">
                        <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                            <span class="l-btn-text">
                                注销
                            </span>
                            <span class="l-btn-icon fa fa-sign-out">
                                &nbsp;
                            </span>
                        </span>
                    </a>
                </span>
            </div>
        </div>
        <div class="panel layout-panel layout-panel-west panel-htop layout-split-west" style="width: 225px; left: 0px; top: 50px; display: block;">
            <div id="west" data-options="region:&#39;west&#39;,split:true,width:230,border:false,headerCls:&#39;border_right&#39;,bodyCls:&#39;border_right&#39;" title="" iconcls="fa fa-dashboard" class="panel-body panel-body-noheader panel-body-noborder border_right layout-body panel-noscroll" style="width: 224px; height: 818px; display: block;">

                <div id="RightAccordion" class="accordion accordion-noborder easyui-fluid" style="width: 224px; height: 867px;">
                    <div class="panel panel-htop" style="width: 224px;overflow:hidden">
                        <div class="panel-header panel-header-noborder accordion-header accordion-header-selected accordion-header-border" style="width: 196px; height: 30px;">
                            <div class="panel-title panel-with-icon">
                                综合演示
                            </div>
                            <div class="panel-icon fa fa-heartbeat"></div>
                            <div class="panel-tool">
                                <a href="javascript:;" class="panel-tool-collapse" style="display: none;"></a>
                                <!--<a href="javascript:;" class="accordion-collapse"></a>-->
                            </div>
                        </div>
                        <div title="" class="panel-body panel-body-noborder accordion-body" style="display: block; width: 224px; height: 621px;">
                            <ul id="tree1350" class="tree">
                                <li>
                                    <div class="tree-node"  data-toggle="topjui-tabs" style="width:500px;height:250px;" onclick="addTab('google','http://www.google.com')">
                                        <span class="tree-hit tree-collapsed"></span>
                                        <span class="tree-icon tree-folder fa fa-sitemap"></span>
                                        <span class="tree-title">基础表单演示</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_2" class="tree-node">
                                        <span class="tree-hit tree-collapsed"></span>
                                        <span class="tree-icon tree-folder "></span>
                                        <span class="tree-title">基础表格操作演示</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_3" class="tree-node">
                                        <span class="tree-hit tree-collapsed"></span>
                                        <span class="tree-icon tree-folder "></span>
                                        <span class="tree-title">多表格加载效率演示</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-htop" style="width: 224px;">
                        <div class="panel-header panel-header-noborder accordion-header accordion-header-border" style="height: 30px; width: 196px;">
                            <div class="panel-title panel-with-icon">
                                表单组件
                            </div>
                            <div class="panel-icon fa fa-bank"></div>
                            <div class="panel-tool">
                                <a href="javascript:;" class="panel-tool-collapse panel-tool-expand" style="display: none;"></a>
                            </div>
                        </div>
                        <div title="" class="panel-body panel-body-noborder accordion-body" style="display: none; width: 224px; height: 621px;">
                            <ul id="tree1327" class="tree">
                                <li>
                                    <div id="_easyui_tree_4" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file fa fa-sitemap"></span>
                                        <span class="tree-title">文本框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_5" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file fa fa-users"></span>
                                        <span class="tree-title">密码框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_6" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file fa fa-cube"></span>
                                        <span class="tree-title">单选框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_7" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">多选框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_8" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">下拉列表框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_9" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">树形下拉框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_10" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">数据表格下拉框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_11" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">树形表格下拉框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_12" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">标签框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_13" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">数值输入框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_14" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">日期输入框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_15" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">日期时间输入框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_16" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">日期时间微调框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_17" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">日历</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_18" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">微调</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_19" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">数字微调</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_20" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">时间微调</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_21" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">滑动条</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_22" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">文件框</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-htop" style="width: 224px;">
                        <div class="panel-header panel-header-noborder accordion-header accordion-header-border" style="height: 30px; width: 196px;">
                            <div class="panel-title panel-with-icon">
                                表格和树
                            </div>
                            <div class="panel-icon fa fa-table"></div>
                            <div class="panel-tool">
                                <a href="javascript:;" class="panel-tool-collapse panel-tool-expand" style="display: none;"></a>
                            </div>
                        </div>
                        <div title="" class="panel-body panel-body-noborder accordion-body" style="display: none; width: 224px; height: 621px;">
                            <ul id="tree1328" class="tree">
                                <li>
                                    <div id="_easyui_tree_23" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">数据表格</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_24" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">树组件</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_25" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">zTree组件</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_26" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">树形表格</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_27" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">可编辑表格</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-htop" style="width: 224px;">
                        <div class="panel-header panel-header-noborder accordion-header accordion-header-border" style="height: 30px; width: 196px;">
                            <div class="panel-title panel-with-icon">
                                菜单按钮
                            </div>
                            <div class="panel-icon fa fa-list"></div>
                            <div class="panel-tool">
                                <a href="javascript:;" class="panel-tool-collapse panel-tool-expand" style="display: none;"></a>
                            </div>
                        </div>
                        <div title="" class="panel-body panel-body-noborder accordion-body" style="display: none; width: 224px; height: 621px;">
                            <ul id="tree1329" class="tree">
                                <li>
                                    <div id="_easyui_tree_28" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">打开弹出窗口</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_29" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">打开Tab窗口</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_30" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">执行Ajax请求</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_31" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">执行普通请求</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-htop" style="width: 224px;">
                        <div class="panel-header panel-header-noborder accordion-header accordion-header-border" style="height: 30px; width: 196px;">
                            <div class="panel-title panel-with-icon">
                                图形报表
                            </div>
                            <div class="panel-icon fa fa-bar-chart"></div>
                            <div class="panel-tool">
                                <a href="javascript:;" class="panel-tool-collapse panel-tool-expand" style="display: none;"></a>
                            </div>
                        </div>
                        <div title="" class="panel-body panel-body-noborder accordion-body" style="display: none; width: 224px; height: 621px;">
                            <ul id="tree1330" class="tree">
                                <li>
                                    <div id="_easyui_tree_32" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">折线图</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_33" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">柱状图</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_34" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">饼图</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_35" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">雷达图</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-htop panel-last" style="width: 224px;">
                        <div class="panel-header panel-header-noborder accordion-header" style="height: 30px; width: 196px;">
                            <div class="panel-title panel-with-icon">
                                扩展组件
                            </div>
                            <div class="panel-icon fa fa-map"></div>
                            <div class="panel-tool">
                                <a href="javascript:;" class="panel-tool-collapse panel-tool-expand" style="display: none;"></a>
                            </div>
                        </div>
                        <div title="" class="panel-body panel-body-noborder accordion-body" style="display: none; width: 224px; height: 621px;">
                            <ul id="tree1331" class="tree">
                                <li>
                                    <div id="_easyui_tree_36" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">时间轴</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_37" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">自动完成</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_38" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">富文本编辑器</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_39" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">单文件上传框</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_40" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">文件批量上传</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_41" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">数据过滤</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_42" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">数据查询</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_43" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">数据导入</span>
                                    </div>
                                </li>
                                <li>
                                    <div id="_easyui_tree_44" class="tree-node">
                                        <span class="tree-indent"></span>
                                        <span class="tree-icon tree-file "></span>
                                        <span class="tree-title">数据导出</span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!--<div id="menuTab" class="topjui-tabs" data-options="fit:true,border:false">
                    <div title="导航菜单" data-options="iconCls:'fa fa-sitemap'" style="padding:0;">
                        <div id="RightAccordion" class="topjui-accordion"></div>
                    </div>
                    <div title="常用链接" data-options="iconCls:'fa fa-star',closable:true">
                        <ul id="channgyongLink"></ul>
                    </div>
                </div>-->
            </div>
        </div>
        <div class="panel layout-panel layout-panel-center panel-htop" style="width: 1690px; left: 230px; top: 50px;">
            <div id="center" data-options="region:&#39;center&#39;,border:false" style="overflow: hidden; width: 1690px; height: 818px;" title="" class="panel-body panel-body-noheader panel-body-noborder layout-body panel-noscroll">
                <div id="index_tabs" style="width: 1690px; height: 818px;" class="tabs-container easyui-fluid">
                    <div class="tabs-header" style="width: 1690px;">
                        <div class="tabs-scroller-left" style="display: none;">
                        </div>
                        <div class="tabs-scroller-right" style="display: none;">
                        </div>
                        <div class="tabs-wrap" style="margin-left: 0px; margin-right: 107px; width: 1583px;">
                            <ul class="tabs" style="height: 26px;">
                                <li class="tabs-selected tabs-first tabs-last">
                                    <a href="javascript:;" class="tabs-inner" style="height: 24px; line-height: 32px;">
                                        <span class="tabs-title tabs-with-icon">
                                            系统首页
                                        </span>
                                        <span class="tabs-icon fa fa-home">
                                        </span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <!--<div class="tabs-tool" style="display: block; height: 34px; right: 0px;">
                            <table cellspacing="0" cellpadding="0" style="height:100%">
                                <tbody>
                                    <tr>
                                        <td>
                                            <a href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="" style="height: 28px;">
                                                <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                                                    <span class="l-btn-text l-btn-empty">
                                                        &nbsp;
                                                    </span>
                                                    <span class="l-btn-icon fa fa-home">
                                                        &nbsp;
                                                    </span>
                                                </span>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="javascript:;" class="l-btn l-btn-small l-btn-plain" group="" id="" style="height: 28px;">
                                                <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                                                    <span class="l-btn-text l-btn-empty">
                                                        &nbsp;
                                                    </span>
                                                    <span class="l-btn-icon fa fa-refresh">
                                                        &nbsp;
                                                    </span>
                                                </span>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="javascript:;" class="l-btn l-btn-small l-btn-plain" group=""id="" style="height: 28px;">
                                                <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                                                    <span class="l-btn-text l-btn-empty">
                                                        &nbsp;
                                                    </span>
                                                    <span class="l-btn-icon fa fa-close">
                                                        &nbsp;
                                                    </span>
                                                </span>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="javascript:;" class="l-btn l-btn-small l-btn-plain" group=""id="" style="height: 28px;">
                                                <span class="l-btn-left l-btn-icon-left" style="margin-top: 2px;">
                                                    <span class="l-btn-text l-btn-empty">
                                                        &nbsp;
                                                    </span>
                                                    <span class="l-btn-icon fa fa-arrows-alt">
                                                        &nbsp;
                                                    </span>
                                                </span>
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>-->
                    </div>
                    <div class="tabs-panels" style="height: 781px; width: 1688px;">
                        <div class="panel panel-htop" style="display: block; width: 1688px;">
                            <div title="" iconcls="fa fa-home" data-options="" class="panel-body panel-body-noheader panel-body-noborder" style="width: 1688px; height: 781px;">
                                <iframe src="static_files/index.html" scrolling="auto" frameborder="0" style="width:100%;height:100%;"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <span style="float:right;padding-right:5px;width:30%;text-align: right;">
            版本：
            <script>
                document.write(topJUI.version)
            </script>
            v2.2.6
        </span>
    </div>
    </div>
    <div class="panel layout-panel layout-panel-south panel-htop" style="width: 1920px; left: 0px; top: 915px;">
        <div data-options="region:&#39;south&#39;,border:true" style="text-align: center; line-height: 30px; border-bottom: 0px; overflow: hidden; width: 1918px; height: 29px;" title="" class="panel-body panel-body-noheader layout-body">
            <span style="float:left;padding-left:5px;width:30%;text-align: left;">当前用户：TopJUI前端框架</span>
            <span style="padding-right:5px;width:40%">
                版权所有 © 2014-2017
                <a href="https://www.ewsd.cn/" target="_blank">深圳易网时代信息技术有限公司</a>
                <a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备16028103号-1</a>
            </span>
            <span style="float:right;padding-right:5px;width:30%;text-align: right;">
                版本：
                <script>document.write(topJUI.version)</script>v2.2.6
            </span>
        </div>
    </div>
    <div class="layout-split-proxy-h"></div><div class="layout-split-proxy-v"></div><div class="panel layout-expand layout-expand-west panel-htop" style="display: none; width: 28px; left: 0px; top: 50px;"><div class="panel-header" style="width: 16px;"><div class="panel-title">&nbsp;</div><div class="panel-tool"><a href="javascript:;" class="layout-button-right"></a></div></div><div title="" class="panel-body" style="width: 26px; height: 776px;"></div></div>
    </div>
    <!--[if lte IE 8]>
    <div id="ie6-warning">
        <p>您正在使用低版本浏览器，在本页面可能会导致部分功能无法使用，建议您升级到
            <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">IE9或以上版本的浏览器</a>
            或使用<a href="http://se.360.cn/" target="_blank">360安全浏览器</a>的极速模式浏览
        </p>
    </div>
    <![endif]-->

    <div id="mm3" style="width: 114px; height: 60px; overflow: hidden; left: 1687.86px; top: 41.7656px; z-index: 110009;" class="menu-top menu">
        <div class="menu-line" style="height: 70px;"></div>
        <div data-options="iconCls:'fa fa-info-circle'" onclick="javascript:modifyPwd(0)" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">个人信息</div><div class="menu-icon fa fa-info-circle"></div></div>
        <div class="menu-sep"></div>
        <div data-options="iconCls:'fa fa-key'" onclick="javascript:modifyPwd(0)" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">修改密码</div><div class="menu-icon fa fa-key"></div></div>
    </div>
    <div class="menu-shadow" z-index: 110008; left: 1687.86px; top: 41.7656px; width: 120px; height: 72px;"></div>
    <div id="mm2" style="width: 174px; height: 338px; overflow: hidden;left: 1735px; top: 41.7656px; z-index: 110011;" class="menu-top menu mm2">
        <div class="menu-line" style="height: 348px;"></div>
        <div data-options="iconCls:'fa fa-tree blue'" onclick="changeTheme('blue')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">默认主题</div><div class="menu-icon fa fa-tree blue"></div></div>
        <div data-options="iconCls:'fa fa-tree'" onclick="changeTheme('black')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">黑色主题</div><div class="menu-icon fa fa-tree"></div></div>
        <div data-options="iconCls:'fa fa-tree'" onclick="changeTheme('blacklight')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">黑色主题-亮</div><div class="menu-icon fa fa-tree"></div></div>
        <div data-options="iconCls:'fa fa-tree red'" onclick="changeTheme('red')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">红色主题</div><div class="menu-icon fa fa-tree red"></div></div>
        <div data-options="iconCls:'fa fa-tree red'" onclick="changeTheme('redlight')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">红色主题-亮</div><div class="menu-icon fa fa-tree red"></div></div>
        <div data-options="iconCls:'fa fa-tree green'" onclick="changeTheme('green')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">绿色主题</div><div class="menu-icon fa fa-tree green"></div></div>
        <div data-options="iconCls:'fa fa-tree green'" onclick="changeTheme('greenlight')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">绿色主题-亮</div><div class="menu-icon fa fa-tree green"></div></div>
        <div data-options="iconCls:'fa fa-tree purple'" onclick="changeTheme('purple')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">紫色主题</div><div class="menu-icon fa fa-tree purple"></div></div>
        <div data-options="iconCls:'fa fa-tree purple'" onclick="changeTheme('purplelight')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">紫色主题-亮</div><div class="menu-icon fa fa-tree purple"></div></div>
        <div data-options="iconCls:'fa fa-tree blue'" onclick="changeTheme('blue')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">蓝色主题</div><div class="menu-icon fa fa-tree blue"></div></div>
        <div data-options="iconCls:'fa fa-tree blue'" onclick="changeTheme('bluelight')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">蓝色主题-亮</div><div class="menu-icon fa fa-tree blue"></div></div>
        <div data-options="iconCls:'fa fa-tree orange'" onclick="changeTheme('yellow')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">橙色主题</div><div class="menu-icon fa fa-tree orange"></div></div>
        <div data-options="iconCls:'fa fa-tree orange'" onclick="changeTheme('yellowlight')" class="menu-item l-btn-plain" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">橙色主题-亮</div><div class="menu-icon fa fa-tree orange"></div></div>
    </div>
    <div class="menu-shadow" style="display: none; z-index: 110010; left: 1735px; top: 41.7656px; width: 180px; height: 350px;"></div>
    <div id="mm" class="submenubutton menu-top menu" style="width: 134px; height: 206px; overflow: hidden; display: none; left: 0px; top: 0px;">
        <div class="menu-line" style="height: 216px;"></div>
        <div id="mm-tabclose" name="6" iconcls="fa fa-refresh" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">刷新</div><div class="menu-icon fa fa-refresh"></div></div>
        <div class="menu-sep"></div>
        <div id="Div1" name="1" iconcls="fa fa-close" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">关闭</div><div class="menu-icon fa fa-close"></div></div>
        <div id="mm-tabcloseother" name="3" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">关闭其他</div></div>
        <div id="mm-tabcloseall" name="2" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">关闭全部</div></div>
        <div class="menu-sep"></div>
        <div id="mm-tabcloseright" name="4" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">关闭右侧标签</div></div>
        <div id="mm-tabcloseleft" name="5" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">关闭左侧标签</div></div>
        <div class="menu-sep"></div>
        <div id="mm-newwindow" name="7" class="menu-item" style="height: 20px;"><div class="menu-text" style="height: 20px; line-height: 20px;">新窗口中打开</div></div>
    </div>
    <script>
        $('#themesbtn').hover(function () {
            $('#mm2').slideDown(300);
        }, function () {
            $('#mm2').hide();
        });
        $('#mm2').hover(function () {
            $(this).show();
        }, function () {
            $(this).slideUp(200);
            });
        $('#setbtn').hover(function () {
            $('#mm3').slideDown(300);
        }, function () {
            $('#mm3').hide();
        });
        $('#mm3').hover(function () {
            $(this).show();
        }, function () {
            $(this).slideUp(200);
            });
    </script>
</body>
</html>